<template>
  <div>
    <demo-nav />
    <h1>测试页面</h1>
    <h2>垂直布局</h2>
    <m-column>
      <span>第一个记录</span>
      <span>第二个记录</span>
      <span>第三个记录</span>
      <span>第四个记录</span>
      <span>第五个记录</span>
    </m-column>
    <h2>
      水平布局
    </h2>
    <m-row>
      <p>第一个记录</p>
      <p>第二个记录</p>
      <p>第三个记录</p>
      <p>第四个记录</p>
      <p>第五个记录</p>
    </m-row>
  </div>
</template>

<script>
import MColumn from "@/components/layout/m-column";
import MRow from "@/components/layout/m-row";
import DemoNav from "@/components/demo-nav";

export default {
  name: "IndexHome",
  components: {DemoNav, MRow, MColumn}
}
</script>

<style scoped>
* {
  color: #42b983;
}
</style>